{extend name='layout' /}

{block name='title'}
留言板 | Sinalma博客
{/block}

{block name="css"}
<link rel="stylesheet" href="__HTP____URL__/public/static/css/message.css">
{/block}


{block name='subtitle'}
留言板
{/block}
{block name="subtitleslug"}message{/block}

{block name='content'}

<div class="msg-container">
    <h2>留言板</h2>
    <div class="msg-intro">
        欢迎大家留言!
    </div>
    <div class="msg-put">
        {if $Think.session.user.user_name}
        <form id="msg-form" action="__HTP____URL__/index/message/AddMsg" >
            <!-- cols="50" rows="7" -->
            <textarea name="msg-input" id="msg-input" class="msg-input" onfocus="backTop()"></textarea>
            <div class="msg-btngroup">
                <button type="button" class="btn btn-warning" onclick="resetTextarea()">清空</button>
                <button type="button" onclick="checkformat()" class="btn btn-default">提交</button>
            </div>
        </form>
        {else}
        <a href="javascript:alertLogin()">立即登录</a>就可以留言了
        {/if}
    </div>
    <div class="msg-main" id="msg-main">
        
    </div> 
    <button type="button" class="btn-write btn btn-default " onclick="writeMsg()">我要留言</button>
</div>

<script type="text/javascript">
    $(function(){
        showmsgpage("__HTP____URL__/index/message/getMessages/page/1");
    });
    // ajax 实现无刷新分页
    function showmsgpage(url){
        $.ajax({
            url:url,
            type:'get',
            success:function(data){
                loadSuccess();
                $('#msg-main').html(data);
            },
            error:function(msg){
                $('#msg-main').html(msg);
            }
        })
    }
    function checkformat(){
        var text = $("#msg-input").val();
        var len = text.length;
        var url = "__HTP____URL__/index/Message/addMsg";
        if(len >= 1){
            $.ajax({
                url:url,
                data:{text,text},
                type:"POST",
                success:function(data){
                    resetTextarea();
                    $("#main_con").empty();
                    showmsgpage("__HTP____URL__/index/message/getMessages/page/1");
                }
            })
        }
        return false;
    }
    // 我要留言
    function writeMsg(){
        scrollTo(0,100);
        $("#msg-input").focus();
    }
    // 返回顶部
    function backTop(){
        scrollTo(0,100);
    }
    // 清楚文本输入框
    function resetTextarea(){
        $("#msg-input").val("");
    }
    // 显示指定mid留言的回复框
    function showCmtInput(mid){
        $.ajax({
            url:"__HTP____URL__/index/message/requestCmt",
            type:"get",
            success:function(res){
                if (!res) {
                    alertLogin();
                    return;
                }else{
                    if($('[msgId='+mid+'] .msg-cmt:first').css('display') == "none") {
                        $('[msgId='+mid+'] .msg-cmt:first').css('display','block');
                        $('[msgId='+mid+'] .msg-cmt-btn:first').html("关闭");
                        $('[msgId='+mid+'] .msg-cmt-input:first').focus();
                    }else{
                        $('[msgId='+mid+'] .msg-cmt:first').css('display','none');
                        $('[msgId='+mid+'] .msg-cmt-btn:first').html("回复");
                    }
                }
            },
            error:function(res){
                alert(res);
            }
        })
        
    }
    // 提交回复的按钮点击
    // 如果是回复一级留言请 isCmt=true 否则传入false
    // 
    function cmtSubmit(mid,isTopCmt){
        var cmtText = $("[msgId="+mid+"] .msg-cmt-input:first").val();
        if (cmtText <= 0){
            // 显示欢迎消息
            setTimeout(function() {
                $.hulla.send("回复不能为空", "warning");
            }, 100);
            return;
        }
        var data;
        // 获取留言的mid
        var parent_id = 0;
        if (!isTopCmt){
            parent_id = $("[msgId="+mid+"]").parent().parent().attr('msgId');
            // 获取评论留言评论的用户名
            var cmt_name = $("[msgId="+mid+"] .msg-name").html();
            data = {isTopCmt:isTopCmt,mid:mid,text:cmtText,parent_id:parent_id,cmt_name:cmt_name};
        }else{
            data = {isTopCmt:isTopCmt,mid:mid,text:cmtText};   
        }       
        pid = isTopCmt ? mid : parent_id;
        // 发送回复
        $.ajax({
            url:"__HTP____URL__/index/Message/addMsgCmt",
            type:"POST",
            data:data,//{mid:mid,text:cmtText},
            success:function(data){
                if(data){
                    showCmtInput(mid);
                    // 添加回复到当前留言,刷新界面显示最新留言
                    // 返回的是html标签,添加到指定位置
                    $('[msgId='+pid+'] .sub-msg').append(data);
                    setTimeout(function() {
                    $.hulla.send("回复成功", "success");
                    }, 100);                    
                }else{
                    setTimeout(function() {
                    $.hulla.send("数据丢失了,请重试", "warning");
                    }, 100);
                }

            },
            error:function(msg){
                setTimeout(function() {
                $.hulla.send("回复留言失败,请重试,查看网络状态", "warning");
                }, 100);
            }
        })
    }
</script>
{/block}